<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script src="../js/tools.js"></script>
    <script>


        // 箭头函数 : 把function换成了箭头

        // const fn = function(){
        //     console.log(1);
        // }

        const fn = () => {
            console.log(1);
        }

        // 具名函数不能写成箭头函数的
        // function f() {
        //     console.log(22);
        // }


        setInterval(() => { }, 1000)



        // 箭头函数的简写
        // const sum = (a , b) => {
        //     return a + b
        // }

        // 当函数体只有一条语句的时候，可以省略大括号和return
        //    如果省略了大括号，就必须省略return
        // const sum = (a, b) => a + b;

        // console.log(sum(1, 2));


        // // 当函数的参数只有一个的时候，小括号可以省略
        // const get = el => document.querySelector(el);


        setCss(document.body, {
            color: 'red',
            width: '200px'
        })
    </script>

</body>

</html>